<div class="clr-row">
    <div class="clr-col-lg-12 clr-col-md-12 clr-col-sm-12 clr-col-xs-12">
      <div class="clr-row flex-items-xs-between flex-items-xs-top" style="padding-left: 15px; padding-right: 15px;">
        <h2 class="header-title">链接类型列表</h2>
      </div>
      <div class="clr-row flex-items-xs-between" style="height:32px;">
        <div class="option-left">
          <button class="btn btn-link" (click)="openModal()">
            <clr-icon shape="add"></clr-icon>
            新建链接类型
          </button>
          <create-edit-roadmap (create)="createConfig($event)"></create-edit-roadmap>
        </div>
      </div>
      <list-roadmap [configs]="configs" (delete)="deleteConfig($event)" (edit)="editConfig($event)" (paginate)="retrieve($event)" [page]="pageState.page"></list-roadmap>
    </div>
  </div>